﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>百度地图-多个坐标点一起显示</title>
    <style type="text/css">
         #allmap {width: 100%;height: 600px;overflow: hidden;margin:0;font-family:"微软雅黑";}
    </style>
</head>
<body>
    <table style="width:100%">
        <tr>
        <!-- <td style="width:250px;"> 
            <ul>
                <li><a href="javascript:void(0)" onclick="to(113.725924,22.990806)">南城汽车总站</a></li>
                <li><a href="javascript:void(0)" onclick="to(113.672824,22.945359)">东莞厚街万科</a></li>
                <li><a href="javascript:void(0)" onclick="to(113.754171,22.974931)">东莞植物园</a></li>
            </ul>
        </td> -->
        <td>
                <div id="allmap"></div>
        </td>
    </tr>
    </table>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZR72n5tq8kYtbou4zGCy9X3GTgZqgBNu"></script>
    <script type="text/javascript">
        // 百度地图API功能                                  api示例网址： http://lbsyun.baidu.com/jsdemo.htm#webgl0_1
        var map = new BMap.Map("allmap");
        var point = new BMap.Point(116.663191,39.914772);   //默认一个定位。坐标拾取网址：（http://api.map.baidu.com/lbsapi/getpoint/）
        map.centerAndZoom(point, 15);      
        var json_data = [[116.590318,39.733131,'中芯京城集成电路生产线项目<br />中芯京城集成电路制造（北京）有限公司 '],[116.709722,39.909761,'北京城市副中心站综合交通枢纽工程<br />北京市基础设施投资有限公司 '],[116.710171,39.957766,'东六环路（京哈高速—潞苑北大街）改造工程<br />北京市首都公路发展集团有限公司 '],[116.564917,39.798801,'小米智能制造产业基地项目<br />小米景曦科技有限公司 '],[116.718119,39.853843,'通州区张家湾镇村、立禅庵村、唐小庄、施园、宽街及南许场村棚户区改造一片区安置房项目<br />北京通州投资发展有限公司 '],[116.754083,39.912948,'中国人民大学通州新校区<br />中国人民大学 '],[116.71639,39.946823,'北京安贞医院通州院区建设项目<br />首都医科大学附属北京安贞医院 '],[116.665221,39.867835,'北京城市副中心1202街区FZX-1202-0001地块F3其他类多功能用地项目<br />北京首旅城市副中心投资有限公司 '],[116.666548,39.800448,'张家湾镇南火垡村集体土地租赁住房项目<br />北京通投兴运置业有限公司 '],[116.513402,39.783666,'半导体装备产业化基地扩产项目（四期）<br />北京北方华创微电子装备有限公司 '],[116.726259,39.887055,'城市绿心三大公共建筑共享配套设施<br />北京城市副中心投资建设集团有限公司 '],[116.635839,39.867405,'北京通州文化旅游区通马路综合交通枢纽项目<br />北京公联鼎晟交通枢纽建设发展有限公司 '],[116.72522,39.892604,'城市副中心剧院<br />北京城市副中心投资建设集团有限公司 '],[116.625839,39.840566,'台湖图书城提升改造项目（除酒店）<br />北京城市副中心投资建设集团有限公司 '],[116.703668,39.868112,'副中心客运2022年车辆购置项目<br />公交集团城市副中心客运有限公司 '],[116.877946,39.814318,'通州西集应急方舱医院项目<br />北京北投通城建设开发有限公司 '],[116.729667,39.854561,'北京市通州经济开发区西区南扩区三、五、六期棚户区改造项目FZX-1102-6219地块F3其他类多功能用地项目<br />北京市工程咨询有限公司 '],[116.679064,39.869008,'北京通州文化旅游区环球影城北综合交通枢纽项目<br />北京公联鼎成交通枢纽建设发展有限公司 '],[116.889998,39.810572,'腾龙通州网络安全技术研发及应用平台云计算数据中心<br />腾龙物联（北京）数据科技有限公司 '],[116.694452,39.907913,'北京万科居正高新技术总部基地项目<br />北京居正房地产开发有限公司 '],[116.689615,39.911939,'成大中心装修改造项目<br />三峡资产管理有限公司 '],[116.576733,39.736055,'亦庄新城芯片配套产业园周边景盛南六街(马朱路—环宇东五路）新建道路工程<br />北京经济技术开发区土地储备与建设服务中心 '],[116.580602,39.726954,'投影光刻机曝光光学系统研发及批量生产基地项目<br />北京国望光学科技有限公司 '],[116.754522,39.908939,'地铁六号线二期<br />北京市轨道交通建设管理有限公司 '],[116.610516,39.763979,'马驹桥镇集体土地租赁住房项目<br />北京自由坊管理咨询有限责任公司 '],[116.585529,39.763781,'亦庄新城0603街区F13地块京东智慧物流基地<br />北京宝拓仓储服务有限公司 '],[116.689393,39.940722,'首都医科大学附属北京友谊医院通州院区二期建设项目（医疗卫生用地）<br />首都医科大学附属北京友谊医院 '],[116.662841,39.884051,'通州区梨园镇云景公园建设工程（一期）<br />北京市通州区园林绿化局 '],[116.588097,39.736662,'亦庄新城金桥再生水厂工程项目<br />北京亦庄金桥水务科技有限公司 '],[116.783572,39.770042,'益生祥明科技产业园项目<br />北京造纸七厂有限责任公司 '],[116.746126,39.913818,'新建业务综合楼<br />北京市城市规划设计研究院 '],[116.775004,39.775407,'北京福元医药股份有限公司高精尖药品产业化建设项目<br />北京福元医药股份有限公司 '],[116.591867,39.729938,'华封集芯先进封测基地项目<br />北京华封集芯电子有限公司 '],[116.723345,39.887286,'首都博物馆东馆<br />北京城市副中心投资建设集团有限公司 '],[116.711297,39.936692,'通州区档案馆<br />北京市通州区机关事务服务中心 '],[116.714242,39.905295,'北京城市副中心0101街区FZX-0101-0902地块F3其他类多功能用地项目<br />华夏银行股份有限公司 '],[116.670709,39.915741,'通州发展大厦项目<br />北京市通州宾馆有限公司 '],[116.736933,39.913163,'北京城市副中心行政办公区二期启动区FZX-0901-0166地块项目<br />北京城市副中心工程建设管理办公室 '],[116.82871,39.886568,'厂通路潮白河大桥项目<br />北京市交通委员会通州公路分局 '],[116.758325,39.886019,'河东资源循环利用中心一期工程<br />北京市通州区水务局 '],[116.565532,39.822699,'北京智慧电竞赛事中心项目<br />尚亦城（北京）科技文化集团有限公司 '],[116.744097,39.910633,'东夏园综合交通枢纽项目<br />北京市公联公路联络线有限责任公司 '],[116.667597,39.915206,'通州区体育场升级改造建设工程<br />北京市通州区体育局 '],[116.600033,39.735652,'亦庄新城辛四路（同义路—四凤路）新建道路工程<br />北京经济技术开发区土地储备与建设服务中心 '],[116.579228,39.726868,'北京精测半导体设备及准分子激光器项目<br />北京精测半导体装备有限公司 '],[116.728193,39.959363,'宋庄小堡印象街及周边区域改造提升项目<br />北京市通州区宋庄镇小堡村经济合作社 '],[116.561444,39.815938,'华润赛科药业制剂厂库房及质检楼建设项目<br />华润赛科药业有限责任公司 '],[116.629453,39.825015,'通州区台湖万亩游憩园建设工程（四期）<br />北京市通州区台湖镇人民政府 '],[116.662353,39.917014,'通州区通惠河水环境综合治理二期工程<br />北京市通州区水务局 '],[116.894551,39.811823,'生物药物产业化项目<br />北京诺思兰德生物制药有限公司 '],[116.664509,39.849219,'九德路（京哈高速公路-潞西路）改建工程（公路段）<br />北京市交通委员会通州公路分局 '],[116.78112,39.836187,'通州区张家湾公园建设工程（三期）<br />北京市通州区园林绿化局 '],[116.721133,39.889046,'城市副中心图书馆<br />北京城市副中心投资建设集团有限公司 '],[116.832229,39.679977,'通州区2022年永乐店镇平原重点区域造林绿化工程<br />北京市通州区永乐店镇人民政府 '],[116.549037,39.821125,'北神树垃圾卫生填埋场生态修复试点项目<br />北京环境卫生工程集团有限公司 '],[116.689087,39.979727,'北京市疾病预防控制中心迁建项目<br />北京市疾病预防控制中心（北京市预防医学科学院、北京结核病控制研究与防治所） '],[116.567654,39.755091,'柴务220千伏输变电工程<br />国网北京市电力公司 '],[116.562746,39.821378,'北投台湖产业园项目<br />北京天朗慧谷科技有限公司 '],[116.728193,39.959363,'宋庄小堡印象街项目及周边区域改造提升项目电力架空线迁改工程<br />北京市通州区城市管理委员会 '],[116.69535,39.959086,'清华大学通州金融发展与人才培养基地项目<br />清华大学 '],[116.634177,39.899629,'北京市通州区杨庄小学新建工程<br />北京市通州区教育委员会 '],[116.587982,39.736677,'亦庄新城金桥高品质再生水厂工程<br />北京亦庄环境科技集团有限公司 '],[116.87787,39.815018,'电芯研发试制线项目<br />北京新能源汽车股份有限公司 '],[116.692449,39.723206,'通州区国家现代农业产业园农作物新品种展示、评价、转化基地建设项目<br />北京市通州区于家务回族乡人民政府 '],[116.706556,39.917082,'北京二中通州校区改扩建工程<br />北京市通州区教育委员会 '],[116.738548,39.903864,'潞城全民健身中心建设工程<br />北京城市副中心工程建设管理办公室 '],[116.640015,39.886444,'通州半壁店医养结合试点及幼儿园项目<br />北京京城恭和家园养老服务有限公司 '],[116.659215,39.930075,'2022年胸科医院医用设备购置项目<br />首都医科大学附属北京胸科医院 '],[116.674062,39.893734,'通州区梨园镇北杨洼停车场项目<br />北京市通州区梨园地区北杨洼村民委员会 '],[116.58518,39.791879,'通州网安园网络安全领军人才培育基地项目<br />北京通州发展集团有限公司 '],[116.783663,39.868093,'博格华纳北京新工厂建设项目<br />北京潞阳精诚运营管理有限责任公司 '],[116.63141,39.859321,'北京兰格加华产业园项目南区10+11组团8-25#楼、9-20#楼及机械车库<br />北京兰格加华置业有限公司 '],[116.566524,39.748665,'智能制造机器人工业自动化生产及研发基地项目<br />北京嘉通信瑞科技有限公司 '],[116.782756,39.863283,'蒙牛乳业（北京）有限责任公司2条利乐包250S、2条利乐250枕产线和250S特仑苏产线改250B生产包纯改建项目<br />蒙牛乳业（北京）有限责任公司 '],[116.704188,39.885438,'通州区碧水再生水厂热泵供热供冷示范项目一期工程项目<br />北京北投生态环境有限公司 '],[116.76678,39.823362,'通州区有机质资源生态处理站临时应急项目<br />北京京城惠通环保有限公司 '],[116.659215,39.930075,'首都医科大学附属北京胸科医院危房改建项目（医疗综合楼建设项目）<br />首都医科大学附属北京胸科医院 '],[116.574345,39.833816,'国六汽车发动机年产四万台缸体项目<br />北京长源朗弘科技有限公司 '],[116.545363,39.759812,'北京第一实验学校艺术、技术场馆社区设备设施器材购置<br />北京第一实验学校 '],[116.747114,39.912867,'北投大厦地源热泵供热、供冷系统工程项目<br />北京北投生态环境有限公司 '],[116.545363,39.759812,'北京第一实验学校体育场馆设施器材购置<br />北京第一实验学校 '],[116.591803,39.795668,'西工大北研院项目<br />西北工业大学 '],[116.701032,39.867741,'北京市公安局通州分局文景派出所建设工程<br />北京市公安局通州分局 '],[116.587978,39.814636,'通州区台湖镇高端总部基地随路电力管线一期工程<br />北京星湖投资开发公司 '],[117.067148,39.827983,'1号实验车间等2项、3号办公楼等2项、6#注射制剂生产厂房（工业厂房及配套设施建设项目）<br />嘉林药业有限公司 '],[116.667644,39.864251,'首寰度假酒店（TZ00-1003-0003）地块F3其他类多功能用地<br />北京首寰文化旅游投资有限公司 '],[116.77379,39.772424,'A2厂房内部改造项目（胰岛素及其类似物、GLP-1类似物及雷珠单抗生产线）<br />甘李药业股份有限公司 '],[116.694882,39.884214,'副中心硬科技产业示范基地建设项目<br />北京通玉硬创科技有限公司 '],[116.78594,39.771764,'氢能前沿科技产业发展项目<br />北京天海氢能装备有限公司 '],[116.728348,39.942058,'北京城市副中心0701街区保障房（D、F地块）地热供暖试点示范工程<br />中石油华北（北京）新能源有限公司 '],[116.707867,39.915908,'2021年通州区背街小巷环境提升道路通信架空线入地工程<br />北京市通州区城市管理委员会 '],[116.715426,39.912912,'北运河东滨河路一期（玉带河大街-广渠路东延）开通工程<br />北京市通州区城市管理委员会 '],[116.581381,39.7631,'北京金路伟业物流有限公司E-02地块、E-14地块、E-17地块<br />北京金路伟业物流有限公司 '],[116.725699,39.913222,'城市副中心行政办公区水系（镜河北段）工程<br />北京市水务工程建设与管理事务中心 '],[116.760189,39.907642,'春明西路（运河东大街-兆善大街）综合管廊工程<br />北京城市副中心投资建设集团有限公司 '],[116.628386,39.837095,'台湖演艺小镇国际图书城提升改造项目地源热泵供热、供冷系统工程<br />北京北投生态环境有限公司 '],[116.58518,39.791879,'通州网安园启动区办公及服务配套项目<br />北京通州发展集团有限公司 '],[116.675206,39.891339,'北京卫生职业学院新院区建设项目<br />北京卫生职业学院 '],[116.545363,39.759812,'北京第一实验学校学习社区家具购置<br />北京第一实验学校 '],[116.764635,39.946507,'小森丽色龙LithroneG40A单张纸胶印机<br />北京中科印刷有限公司 '],[116.545363,39.759812,'北京第一实验学校信息化建设<br />北京第一实验学校 '],[116.745531,39.900424,'北京城市副中心职工周转房（北区）项目<br />北京保障房中心有限公司 ']];
        var pointArray = new Array();

    var opts = {
                width : 250,     // 信息窗口宽度
                height: 80,     // 信息窗口高度
                title : "" , // 信息窗口标题
                enableMessage:true//设置允许信息窗发送短息
               };

        for(var i=0;i<json_data.length;i++){
		var pointStr = new BMap.Point(json_data[i][0], json_data[i][1]);
            var marker = new BMap.Marker(pointStr); // 创建点
            map.addOverlay(marker);    //增加点
            pointArray[i] = new BMap.Point(json_data[i][0], json_data[i][1]);
            var content = json_data[i][2];
            addClickHandler(content,marker);
			var content = json_data[i][2];
			var label = new BMap.Label(content, {       // 创建文本标注
				position: pointStr,                          // 设置标注的地理位置
				offset: new BMap.Size(2, 4)           // 设置标注的偏移量
			})  
			map.addOverlay(label);                        // 将标注添加到地图中
           
        }
        //让所有点在视野范围内
        map.setViewport(pointArray);
        function addClickHandler(content,marker){
        marker.addEventListener("click",function(e){
            openInfo(content,e)}
        );
    }
    function openInfo(content,e){
        var p = e.target;
        var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
        var infoWindow = new BMap.InfoWindow(content,opts);  // 创建信息窗口对象 
        map.openInfoWindow(infoWindow,point); //开启信息窗口
    }
        
//移动到某一坐标点
           function to(x,y){
            map.panTo(new BMap.Point(x,y)); 

           }
    </script>
</body>
</html>